﻿@model List<SIIV.Data.Productor>
           
@{WebGrid grid = new WebGrid(Model, ajaxUpdateContainerId: "grid", rowsPerPage: 4, ajaxUpdateCallback: "ocultarEliminacion");}

<script type="text/javascript">
    $(function () {
        //hover states on the static widgets
        $('ul#icons li').hover(
		    function () { $(this).addClass('ui-state-hover'); },
		    function () { $(this).removeClass('ui-state-hover'); }
	    );
    })
</script>

<style type="text/css">
    .acciones{
        width: 80px;
        }
</style>

@if (Model.Count.Equals(0))
{
    <p>Hasta el momento no dispone de productores para administrar.</p>
}
else
{
@grid.GetHtml(
    columns: new[]{ 
        grid.Column("Nombre"),         
        grid.Column(null, "Acciones", format: 
                @<ul id="icons" class="ui-widget ui-helper-clearfix">
                    <li onclick="@string.Format("editarProductor('{0}','{1}')", @item.IdProductor, @item.Nombre)" class="ui-state-default ui-corner-all" title="Editar"><span class="ui-icon ui-icon-document"></span></li>
                    <li onclick="@string.Format("eliminarProductor('{0}')", @item.IdProductor)" animales=@item.Campos.Count class="ui-state-default ui-corner-all" title="Eliminar"><span class="ui-icon ui-icon-trash"></span></li>
                </ul>, style: "acciones")},
    htmlAttributes: new { @class = "art-article", @style = "width:100%", @id = "grid" })
}
<ul id="icons" style="float:right" class="ui-widget ui-helper-clearfix">
    <li onclick="agregarProductor()" class="ui-state-default ui-corner-all" style="margin: 2px 0px 0px 0px" title="Nuevo"><span class="ui-icon ui-icon-plus"></span><div style="padding-right:2px; width:160px; font-size:12px;">Agregar Productor</div></li>
</ul>
<script type="text/javascript">
    function ocultarEliminacion() {
        $("li").each(function () {
            if ($(this).attr("animales") > 0) {
                $(this).css("visibility", "hidden");
            }
        });
    }

    ocultarEliminacion();
</script>